var btn = document.getElementById("myBtn");

const colors = ['red', 'green', 'blue', 'orange', 'purple', 'pink'];
        let currentColorIndex = 0;

        function changeColor() {
            const textElement = document.getElementById('myBtn');
            textElement.style.color = colors[currentColorIndex];
            currentColorIndex = (currentColorIndex + 1) % colors.length;
        }

        setInterval(changeColor, 1000); // 每秒改变一次颜色

// 弹窗代码
btn.onclick = function() {
    for (let i = 0; i < 100; i++) { // 控制弹窗数量
        setTimeout(function() {
            createModal();
        }, i * 100); // 延迟显示弹窗
    }
}

function createModal() {
    // 创建一个div元素作为弹窗
var modal = document.createElement('div');
modal.className = 'modal'; // 设置弹窗的类名为'modal'

// 创建一个span元素作为关闭按钮
var closeBtn = document.createElement('span');
closeBtn.className = 'close'; // 设置关闭按钮的类名为'close'
closeBtn.innerHTML = '&times;'; // 设置关闭按钮的内容为“×”图标
closeBtn.onclick = function() {
    document.body.removeChild(modal); // 点击关闭按钮时，从文档中移除弹窗
};

// 创建一个<img>元素并设置其属性
var imgElement = document.createElement('img');
imgElement.src = './images/R-C.png'; // 设置图片路径
imgElement.alt = '警告图片'; // 设置图片的替代文本（可选）
imgElement.style.width = '100px'; // 设置图片宽度（可根据需要调整）
imgElement.style.height = '100px'; // 设置图片高度（可根据需要调整）

// 将图片添加到弹窗中
modal.appendChild(imgElement);
// 将关闭按钮添加到弹窗中
modal.appendChild(closeBtn);
// 将警告文本添加到弹窗中
modal.appendChild(document.createTextNode("警告！您的计算机可能已被入侵！"));
// 设置弹窗随机的位置
modal.style.left = Math.random() * (window.innerWidth - 150) + 'px'; // 随机生成左侧位置
modal.style.top = Math.random() * (window.innerHeight - 100) + 'px'; // 随机生成顶部位置

// 将弹窗添加到文档主体中
document.body.appendChild(modal);
// 显示弹窗
modal.style.display = 'block'; // 将弹窗的display样式设置为'block'以显示它


}

